@charset "utf-8";

/*# sourceMappingURL=index.css.map */
.box-right {

  h3 {
    margin-top: 36px;
    margin-left: 131px;
    font-size: 20px;
    color: #444f58;

  }
  .user-data {
    width: 565px;
    height: 930px;
    background-color: rgb(247, 247, 247);
    margin-left: 131px;
    margin-top: 25px;
    .user-wrap {
      padding-left: 93px;
      padding-top: 44px;
      input {
        text-indent: 10px;
      }
      label{
        width: 100px;
        height: 100px;
        div{
          width: 100px;
          height: 100px;
          img {
            vertical-align: middle;
            margin-left: 33px;
            width: 100%;
            height: 100%;
            vertical-align: middle;
          }
        }

      }
      input[type="file"]{
        margin-top: -50px;
        margin-left: -50px;
      }

      .inform {
        margin-top: 20px;
        width: 328px;
        height: 40px;
        background: rgb(240, 240, 240);
        margin-bottom: 54px;
        .circle {
          width: 18px;
          height: 18px;
          border-radius: 50%;
          background: red;
          display: inline-block;
          vertical-align: middle;
          margin: 0 8px 0 14px;
        }
      }
      #name {
        width: 367px;
        height: 42px;
        border: 1px solid rgb(231, 231, 231);
        border-radius: 4px;
        margin-top: 12px;
        display: block;
      }
      label.error {

        color: red;
        font-size: 12px;
      }

      .birthday{
        width: 100px;
        height: 40px;
        border: 1px solid rgb(231,231,231);
        border-radius: 5px;
        margin-top: 13px;
        text-indent: 10px;
        appearance: none;
        -webkit-appearance: none; /*去除chrome浏览器的默认下拉图片*/
        -moz-appearance: none; /*去除Firefox浏览器的默认下拉图片*/
        background: url('../img/jiantou.png') no-repeat 80px 15px white;
      }
      .gender {
        width: 100px;
        height: 40px;
        border: 1px solid rgb(231,231,231);
        border-radius: 5px;
        margin-top: 13px;
        text-indent: 10px;
        appearance: none;
        -webkit-appearance: none; /*去除chrome浏览器的默认下拉图片*/
        -moz-appearance: none; /*去除Firefox浏览器的默认下拉图片*/
        background: url('../img/base_info/gender_2.png') no-repeat 70px 10px white;

      }
      .month{
        width: 80px;
        background-position:60px 15px ;
      }
      .city{
        width: 185px;
        background-position:160px 15px ;
      }
      .qu{
        width: 185px;
        background-position:160px 15px ;
      }
      .job{
        width: 185px;
        background-position:160px 15px ;
      }

      #year, #month_first, #month_second, #day_first, #day_second {
        display: inline-block;
        border: 1px solid rgb(231, 231, 231);
        border-radius: 4px;
        margin-top: 11px;
      }
      #year {
        width: 100px;
        height: 40px;
      }
      #month_first, #month_second {
        width: 42px;
        height: 40px;
      }
      #day_first, #day_second {
        width: 42px;
        height: 40px;
      }
      #area {
        width: 185px;
        height: 41px;
        border: 1px solid rgb(231, 231, 231);
        border-radius: 4px;
        margin-top: 45px;
      }
      #save {
        width: 160px;
        height: 48px;
        background: rgb(235, 65, 61);
        border-radius: 18px;
        color: white;
        display: block;
        margin-top: 13px;
      }
    }
  }
}


















